﻿<!DOCTYPE html>
<html>

<head>
    <title>安全联盟大调查</title>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="js/plugs/swiper.min.css" />
    <script src="js/base/base.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?9a15610e7d659bf9ea01345ad8798b4a";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    <script>
        ibase.init();
        ibase.load('css/index.css');//无缓存加载文件
        ibase.load('css/road.css');//无缓存加载文件
    </script>
</head>

<body>
    <!--------------------------------------------------------------html区域-------------------------------------------------------------------------------------------->
    <article style="display: none;">
        <div class="fontLoad hide">1</div>

        <section id="resultBox" class="none">
            <div class="bottom">
                <img src="images/resultBox/d.jpg" class="full">
                <img src="images/resultBox/light.jpg" class="full lighting">
            </div>
            <div class="cloudBox">
                <img src="images/road_sence/c1.png" class="cloud1">
                <img src="images/road_sence/c2.png" class="cloud2">
                <img src="images/road_sence/c3.png" class="cloud3">
            </div>
            <img src="images/resultBox/tips.png?v=3" class="tips">
        </section>

        <section id="baseQABox" class="none">
            <div class="bar"></div>
            <div class="scrollAR"></div>
            <div class="baseInfoBox" id="baseInfoBox">
                <div class="scrollBox">
                    <div class="block">
                        <div class="label">您的性别？</div>
                        <div class="ansBox ansBox1" id="sex">
                            <div class="ans">男</div>
                            <div class="ans">女</div>
                        </div>
                    </div>
                    <div class="block">
                        <div class="label">您的出生日期</div>
                        <div class="selectBox">
                            <img src="images/chose/select.png" class="full">
                            <select id="birthday">
                            </select>
                        </div>
                        <div class="label">年</div>
                    </div>
                    <div class="block">
                        <div class="label">您的学历</div>
                        <div class="selectBox">
                            <img src="images/chose/select.png" class="full">
                            <select id="education">
                                <option value="请选择">请选择</option>
                                <option value="高中">高中</option>
                                <option value="专科">专科</option>
                                <option value="本科">本科</option>
                                <option value="硕士及以上">硕士及以上</option>
                            </select>
                        </div>
                    </div>
                    <div class="block">
                        <div class="label">您的职业是？</div>
                        <div class="ansBox" id="career">
                            <div class="itemBox">
                                <div class="itemName">小微企业主</div>
                                <div class="box ansBox2">
                                    <div class="ans">自主创业者</div>
                                    <div class="ans">私营业主/个体户</div>
                                    <div class="ans">网店店主/微商店主</div>
                                </div>
                            </div>
                            <div class="itemBox">
                                <div class="itemName">普通公务员/白领/蓝领</div>
                                <div class="box ansBox3">
                                    <div class="ans">公司普通职员（非政府部门、非事业单位）</div>
                                    <div class="ans">普通公务员/事业单位职员</div>
                                    <div class="ans" style="font-size:0.2rem;">服务业人员（服务员、美容美发师、外卖员、快递员等）</div>
                                    <div class="ans">工人（工厂工人、建筑工人等）</div>
                                    <div class="ans">销售人员/业务代表</div>
                                </div>
                            </div>
                            <div class="itemBox">
                                <div class="itemName">专业人士</div>
                                <div class="box ansBox3">
                                    <div class="ans">律师、医生、设计师、建筑师等</div>
                                    <div class="ans">现役军人/公安/武警</div>
                                    <div class="ans">金融行业</div>
                                </div>
                            </div>
                            <div class="itemBox">
                                <div class="itemName">中高层管理者</div>
                                <div class="box ansBox2">
                                    <div class="ans">企业主</div>
                                    <div class="ans">企业经理/主管</div>
                                    <div class="ans">政府/事业单位主管</div>
                                </div>
                            </div>
                            <div class="itemBox">
                                <div class="itemName">其他</div>
                                <div class="box ansBox1">
                                    <div class="ans">学生</div>
                                    <div class="ans">农民</div>
                                    <div class="ans">家庭主妇</div>
                                    <div class="ans">自由职业</div>
                                    <div class="ans">退休人员</div>
                                    <div class="ans">其他</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="block">
                        <div class="label">您目前居住的省市？</div>
                        <div class="selectBox">
                            <img src="images/chose/select.png" class="full">
                            <select id="city">
                            </select>
                        </div>
                    </div>
                    <div class="block">
                        <div class="label">您目前的婚姻状况是？</div>
                        <div class="ansBox ansBox2" id="marriage">
                            <div class="ans">未婚</div>
                            <div class="ans">已婚</div>
                            <div class="ans">离异</div>
                        </div>
                    </div>
                    <div class="block">
                        <div class="label">请问您是否有孩子呢？</div>
                        <div class="ansBox ansBox1" id="hasChild">
                            <div class="ans">有孩子</div>
                            <div class="ans">没有孩子</div>
                        </div>
                    </div>
                    <div class="block">
                        <div class="labelsp">请问您每月可支配收入大约为人民币多少元？（包括您的工资收入、经营收入、财产净收入、养老金、补贴等）</div>
                        <div class="selectBox" style="width:2.5rem;">
                            <img src="images/chose/select.png" class="full">
                            <select id="income">
                                <option value="3000以内">3000以内</option>
                                <option value="3000~5000">3000~5000</option>
                                <option value="5000~10000">5000~10000</option>
                                <option value="1万—2万">1万—2万</option>
                                <option value="2万以上">2万以上</option>
                            </select>
                        </div>
                    </div>
                    <div class="block">
                        <div class="labelsp">请问您平均每月消费金额大约为人民币多少元（包括生活消费、购买理财产品等）？</div>
                        <div class="selectBox" style="width:2.5rem;">
                            <img src="images/chose/select.png" class="full">
                            <select id="cost">
                                <option value="3000以内">3000以内</option>
                                <option value="3000~5000">3000~5000</option>
                                <option value="5000~10000">5000~10000</option>
                                <option value="1万—2万">1万—2万</option>
                                <option value="2万以上">2万以上</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="formBox">
                <img src="images/baseQABox/form.png?v=2" class="full">
                <input type="text" id="name" placeholder="您的姓名">
                <input type="tel" id="phone" placeholder="您的手机号" maxlength="11">
                <div id="submitBtn" class="limitBtn"></div>
            </div>
        </section>

        <section id="roadBox" class="none">
            <div class="bgBox full">
                <div class="bg8 full2 none"></div>
                <div class="bg7 full2 none"></div>
                <div class="bg6 full2 none"></div>
                <div class="bg5 full2 none"></div>
                <div class="bg4 full2 none"></div>
                <div class="bg3 full2 none"></div>
                <div class="bg2 full2 none"></div>
                <div class="bg1 full2"></div>
            </div>
            <div class="senceBox">
                <div class="stairBox hide">
                    <img src="images/road_sence/stair.jpg" class="stair stairing">
                </div>
                <div class="sence4 none">
                    <img src="images/road_sence/4/4.png" class="full zindex2">
                    <div class="rocket zindex2">
                        <img src="images/road_sence/4/rocket/9.png" style="display: block;">
                    </div>
                    <img src="images/road_sence/4/3.png" class="full zindex2">
                    <img src="images/road_sence/4/2.png" class="full zindex2">
                    <img src="images/road_sence/4/1.png" class="full zindex2">
                    <div class="mask3 full zindex2 hide">
                        <div class="color"></div>
                    </div>
                    <div class="mask2 full zindex2 hide">
                        <div class="color"></div>
                    </div>
                    <div class="mask1 full zindex2 hide">
                        <div class="color"></div>
                    </div>
                    <div class="cloudBox full">
                        <img src="images/road_sence/c1.png" class="cloud1">
                        <img src="images/road_sence/c2.png" class="cloud2">
                        <img src="images/road_sence/c3.png" class="cloud3">
                        <img src="images/road_sence/c4.png" class="cloud4">
                        <img src="images/road_sence/c1.png" class="cloud1">
                        <img src="images/road_sence/c2.png" class="cloud2">
                        <img src="images/road_sence/c3.png" class="cloud3">
                        <img src="images/road_sence/c4.png" class="cloud4">
                    </div>
                </div>
                <div class="sence3 none">
                    <img src="images/road_sence/3/7.png" class="full zindex2">
                    <img src="images/road_sence/3/6.png" class="hide full zindex2">
                    <img src="images/road_sence/3/5.png" class="full zindex2">
                    <div class="wheelBox zindex2">
                        <img src="images/road_sence/3/4_2.png" class="wheel">
                        <img src="images/road_sence/3/4_2.png" class="wheel">
                        <img src="images/road_sence/3/4_2.png" class="wheel">
                        <img src="images/road_sence/3/4_2.png" class="wheel">
                    </div>
                    <img src="images/road_sence/3/3.png" class="full zindex2">
                    <img src="images/road_sence/3/1.png" class="full zindex2">
                    <div class="door door1 zindex2"></div>
                    <div class="door door2 zindex2"></div>
                    <div class="door door3 zindex2"></div>
                    <div class="door door4 zindex2"></div>
                    <div class="cloudBox full">
                        <img src="images/road_sence/c1.png" class="cloud1">
                        <img src="images/road_sence/c2.png" class="cloud2">
                        <img src="images/road_sence/c3.png" class="cloud3">
                        <img src="images/road_sence/c4.png" class="cloud4">
                        <img src="images/road_sence/c1.png" class="cloud1">
                        <img src="images/road_sence/c2.png" class="cloud2">
                        <img src="images/road_sence/c3.png" class="cloud3">
                        <img src="images/road_sence/c4.png" class="cloud4">
                    </div>
                </div>
                <div class="sence2 none">
                    <img src="images/road_sence/2/7.png" class="full zindex2">
                    <img src="images/road_sence/2/6.png" class="full zindex2">
                    <img src="images/road_sence/2/5.png" class="full zindex2">
                    <img src="images/road_sence/2/4.png" class="full zindex2">
                    <img src="images/road_sence/2/3.png" class="full zindex2">
                    <img src="images/road_sence/2/2.png" class="full zindex2">
                    <img src="images/road_sence/2/1.png" class="full zindex2">
                    <div class="door door1 zindex2"></div>
                    <div class="door door2 zindex2"></div>
                    <div class="door door3 zindex2"></div>
                    <div class="cloudBox full">
                        <img src="images/road_sence/c1.png" class="cloud1">
                        <img src="images/road_sence/c2.png" class="cloud2">
                        <img src="images/road_sence/c3.png" class="cloud3">
                        <img src="images/road_sence/c4.png" class="cloud4">
                        <img src="images/road_sence/c1.png" class="cloud1">
                        <img src="images/road_sence/c2.png" class="cloud2">
                        <img src="images/road_sence/c3.png" class="cloud3">
                        <img src="images/road_sence/c4.png" class="cloud4">
                    </div>
                </div>
                <div class="sence1 ">
                    <img src="images/road_sence/1/7.png" class="full hide">
                    <img src="images/road_sence/1/6.png" class="full hide">
                    <img src="images/road_sence/1/5.png" class="full hide">
                    <img src="images/road_sence/1/4.png" class="full hide">
                    <img src="images/road_sence/1/3.png" style="z-index: 2" class="full hide">
                    <img src="images/road_sence/1/2.png" class="full hide">
                    <img src="images/road_sence/1/1.png" class="full">
                </div>
            </div>
            <div class="peopleBox">
                <div class="l"></div>
                <div class="r"></div>
                <div class="u"></div>
                <div class="ul"></div>
                <div class="ur"></div>
            </div>
            <div class="sence3sp none">
                <img src="images/road_sence/3/2.png" class="full">
            </div>
        </section>

        <section id="QABox" class="none">
            <div class="questionBox questionBox1 none">

                <div class="qabox qa1 none" data-val="topic1_1" data-type="more">
                    <div class="icon">
                        <p>1</p>
                        <p>1</p>
                    </div>
                    <p class="question">您日常常用的的支付<br>方式是？ <span>（多选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans1">刷手机等移动支付</div>
                        <div class="ans ans1">刷卡（信用卡/借记卡）</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa2 none" data-val="topic1_2" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>2</p>
                    </div>
                    <p class="question">您每月发生的移动支<br>付的金额大约是：<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans2">500元以下</div>
                        <div class="ans ans2">500-1000元</div>
                        <div class="ans ans2">1000-2000元</div>
                        <div class="ans ans2">2000-5000元</div>
                        <div class="ans ans2">5000元以上</div>
                        <div class="ans ans6 two">没有使用过<br>移动支付</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa3 none" data-val="topic1_3" data-type="more3">
                    <div class="icon">
                        <p>1</p>
                        <p>3</p>
                    </div>
                    <p class="question">以下哪些因素是您选择移动支付产品的主要考虑因素？<span>（可多选，最多选3项）</span></p>
                    <div class="ansBox">
                        <div class="ans ans2">习惯</div>
                        <div class="ans ans6 two">优惠/促销<br>活动多</div>
                        <div class="ans ans2">安全</div>
                        <div class="ans ans2">赔付保障</div>
                        <div class="ans ans2">便捷</div>
                        <div class="ans ans2">体验好</div>
                        <div class="ans ans2" style="position: relative;left: -0.15rem;">大公司品牌</div>
                        <div class="next inline"
                            style="margin-left:1.05rem;position: relative;left: -0.3rem;top:-0.08rem;"></div>
                    </div>
                </div>

                <div class="qabox qa4 none" data-val="topic1_4" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>4</p>
                    </div>
                    <p class="question">以下主流移动支付产品，您最优先（较偏向）使用哪一项？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans3">二维码支付</div>
                        <div class="ans ans7 two">
                            ApplePay,HuaweiPay,SamsungPay<br>等手机闪付（手机PAY系列）</div>
                        <div class="ans ans3 mid">手机网页中选择银行卡快捷支付</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa5 none" data-val="topic1_5" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>5</p>
                    </div>
                    <p class="question">较偏向使用此支付<br>产品的原因是：<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans2">觉得更方便</div>
                        <div class="ans ans2">觉得更安全</div>
                        <div class="ans ans4">只是习惯，其实用哪个都一样</div>
                        <div class="ans ans4">我觉得支付成功率高</div>
                        <div class="ans ans4">我习惯的品牌只支持这个支付方式</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa6 none" data-val="topic1_6" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>6</p>
                    </div>
                    <p class="question">使用扫码支付时，您<br>会更倾向于？ <span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans3">我扫商家（二维码主扫）</div>
                        <div class="ans ans3">商家扫我（二维码被扫）</div>
                        <div class="ans ans3">主要看商家要求</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa7 none" data-val="topic1_7" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>7</p>
                    </div>
                    <p class="question">使用扫码支付时，您<br>会更倾向于？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans3">绑定的储蓄卡</div>
                        <div class="ans ans3">绑定的信用卡</div>
                        <div class="ans ans7 two">网络借贷账户<br>（如京东白条、蚂蚁花呗）</div>
                        <div class="ans ans3">支付账户零钱</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa8 none" data-val="topic1_8" data-type="more3">
                    <div class="icon">
                        <p>1</p>
                        <p>8</p>
                    </div>
                    <p class="question">以下场景中，您使用移动支付频次最高的3个场景是？<span>（可多选，最多选3项）</span></p>
                    <div id="qascroll1">
                        <div class="ansBox">
                            <img src="images/QABox/1/t4.png" class="tips">
                            <div class="ans ans2" style="margin: 0 0.3rem;">网购消费</div>
                            <div class="ans ans2" style="margin: 0 0.3rem;">点外卖</div>
                            <div class="ans ans2" style="margin: 0 0.3rem;">信用卡还款</div>
                            <div class="ans ans6 two" style="margin: 0 0.3rem;">充值或购买游戏<br>点卡等虚拟物品</div>
                            <img src="images/QABox/1/t1.png" class="tips">
                            <div class="ans ans6 two" style="margin: 0 0.3rem;">乘坐地铁、公交车、出租车</div>
                            <div class="ans ans6 two" style="margin: 0 0.3rem;">停车场、<br>ETC缴费</div>
                            <div class="ans ans8 two">商场、便利店及餐饮类<br>等中大型实体商户</div>
                            <div class="ans ans8 two">小摊贩、菜场、水果店<br>等小型实体商店</div>
                            <div class="ans ans8" style="line-height: 1.5;">挂号、买药等医院、医疗支付</div>
                            <img src="images/QABox/1/t2.png" class="tips">
                            <div class="ans ans3">购买火车票、飞机票等</div>
                            <div class="ans ans3">购买电影票、门票</div>
                            <div class="ans ans3">公共缴费（水电煤/网费等）</div>
                            <img src="images/QABox/1/t3.png" class="tips">
                            <div class="ans ans8" style="line-height:1.5;">给他人转账汇款</div>
                            <div class="ans ans8 two">购买理财产品（包括股票，国债，基金，保险，P2P网贷等）</div>
                        </div>
                    </div>
                    <div class="bar"></div>
                    <div class="scrollAR"></div>
                    <p style="
                        position: absolute;
                        bottom: -1.3rem;
                        left: 50%;
                        width: 4rem;
                        height: 0.5rem;
                        margin-left: -1.7rem;
                        color: white;
                        font-size: 0.3rem;
                        ">滑动选项区域，查看更多</p>
                    <div class="next center"></div>
                </div>

                <div class="qabox qa9 none" data-val="topic1_9" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>9</p>
                    </div>
                    <p class="question" style="font-size: 0.32rem; padding-right: 0.4rem;text-align: justify;">
                        假设您在购买理财产品（包括股票，国债，基金，保险，P2P网贷等）消费了10次，您使用移动支付的次数占多少次：<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans5">10</div>
                        <div class="ans ans5">9</div>
                        <div class="ans ans5">8</div>
                        <div class="ans ans5">7</div>
                        <div class="ans ans5">6</div>
                        <div class="ans ans5">5</div>
                        <div class="ans ans5">4</div>
                        <div class="ans ans5">3</div>
                        <div class="ans ans5">2</div>
                        <div class="ans ans5">1</div>
                        <div class="ans ans9 two" style="margin-right: 0.75rem;">
                            我在这一场景下，<br>没有用过移动支付</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa10 none" data-val="topic1_10" data-type="single">
                    <div class="icon">
                        <p>1</p>
                        <p>10</p>
                    </div>
                    <p class="question">您使用移动支付方<br>式的频率是：<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans3">每天不超过1次</div>
                        <div class="ans ans3">每天1-3次</div>
                        <div class="ans ans3">每天3-5次</div>
                        <div class="ans ans3">每天超过5次</div>
                        <div class="next center"></div>
                    </div>
                </div>
            </div>

            <div class="questionBox questionBox2 none">
                <div class="qabox qa1 none" data-val="topic2_1" data-type="more3">
                    <div class="icon">
                        <p>2</p>
                        <p>1</p>
                    </div>
                    <p class="question" style="font-size: 0.38rem;">
                        您在进行网络支付（包括使用手机等移动设备支付）时经常使用以下哪些验证方式？<span>（可多选，最多选3项）</span></p>
                    <div class="ansBox">
                        <div class="ans ans1 two sp">银行卡密码<br>或支付密码</div>
                        <div class="ans ans1 two sp">指纹、刷脸、声波<br>等生物识别方式</div>
                        <div class="ans ans1 two sp">使用手机动<br>态验证码</div>
                        <div class="ans ans1 two sp">U盾、动态密码器<br>等安全设备</div>
                        <div class="ans ans1 two sp">小额时,免密支付<bt><span style="font-size: 0.18rem;">(如一定金额下,无密码扣款)</span>
                        </div>
                        <div class="ans ans1 sp">其他</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa2 none" data-val="topic2_2" data-type="single">
                    <div class="icon">
                        <p>2</p>
                        <p>2</p>
                    </div>
                    <p class="question">
                        请问您经常使用的这些验<br>证方式中，您认为最安全<br>的验证方式是？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans3 sp">银行卡密码或支付密码</div>
                        <div class="ans ans3 sp">指纹、刷脸、声波等生物识别方式</div>
                        <div class="ans ans3 sp">使用手机动态验证码</div>
                        <div class="ans ans3 sp">U盾、动态密码器等安全设备</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa3 none" data-val="topic2_3" data-type="single">
                    <div class="icon">
                        <p>2</p>
                        <p>3</p>
                    </div>
                    <p class="question">
                        在移动支付时，您认为哪种动态验证码发送方式更好？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans5 two">每笔交易<br>都输入动态短信验证码</div>
                        <div class="ans ans5 two">超过银行设置的支付限额<br>才输入动态短信验证码</div>
                        <div class="ans ans5 two">超过自己设置的支付限额<br>才输入动态短信验证码</div>
                        <div class="ans ans2">不需要输入动态短信验证码</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa4 none" data-val="topic2_4" data-type="more">
                    <div class="icon">
                        <p>2</p>
                        <p>4</p>
                    </div>
                    <p class="question" style="font-size: 0.4rem">
                        您目前在移动支付时绑定的银行卡情况是？<span>（可多选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans1 sp">没在意</div>
                        <div class="ans ans1 two sp">储蓄卡，存款金<br>额一万元以上</div>
                        <div class="ans ans1 two sp">储蓄卡，存款金<br>额一万元以下</div>
                        <div class="ans ans1 two sp">信用卡，额度一<br>万元以上</div>
                        <div class="ans ans1 two sp" style="position: relative;left:-0.67rem;">信用卡，额度一<br>万元以下</div>
                        <div class="next inline" style="position: relative;left:0.15rem;"></div>
                    </div>
                </div>

                <div class="qabox qa5 none" data-val="topic2_5" data-type="single">
                    <div class="icon">
                        <p>2</p>
                        <p>5</p>
                    </div>
                    <p class="question">
                        您目前在移动支付时通常会绑定的银行卡数量是？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans1 sp">1-2张</div>
                        <div class="ans ans1 sp">3-4张</div>
                        <div class="ans ans1 sp">5-6张</div>
                        <div class="ans ans1 sp">6张及以上</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa6 none" data-val="topic2_6" data-type="single">
                    <div class="icon">
                        <p>2</p>
                        <p>6</p>
                    </div>
                    <p class="question">
                        您目前对移动支付账户的免签免密支付开通情况是？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans5 two">只要跳出可以开通免签免密<br>支付提示的，都会选择开通</div>
                        <div class="ans ans5 two">允许部分支付APP及关联APP<br><span>（例如滴滴打车、美团外卖等）</span>开通</div>
                        <div class="ans ans2">只允许小部分APP免签免密</div>
                        <div class="ans ans5 two">不开通免签免密，如果有软件自动<br>选择免签免密支付，我会去关闭</div>
                        <div class="ans ans2">不记得</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa7 none" data-val="topic2_7" data-type="single">
                    <div class="icon">
                        <p>2</p>
                        <p>7</p>
                    </div>
                    <p class="question">
                        如果支付产品设置免密限额（一定额度以下交易免输密码），您更愿意设置的单日限额是？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans1 sp">不设限额</div>
                        <div class="ans ans1 sp">1万元</div>
                        <div class="ans ans1 sp">5000元</div>
                        <div class="ans ans1 sp">2000元</div>
                        <div class="ans ans1 sp">1000元</div>
                        <div class="ans ans1 sp">500元</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa8 none" data-val="topic2_8" data-type="more">
                    <div class="icon">
                        <p>2</p>
                        <p>8</p>
                    </div>
                    <p class="question">
                        您在使用手机的时候有以下哪些习惯？<span>（可多选）</span></p>
                    <div id="qascroll2">
                        <div class="ansBox">
                            <div class="ans ans3 two">直接删除带支付功能APP，不会解除银行卡绑定</div>
                            <div class="ans ans3 two">更换新手机时，不解绑银行卡，删除存留的敏感信息</div>
                            <div class="ans ans3 sp">有优惠促销的二维码都会尝试扫</div>
                            <div class="ans ans3 sp">会主动安装手机跳出的不明文件</div>
                            <div class="ans ans3 two">在网站填写卡号、有效期、密码等支付信息，不会确认网址真实性</div>
                            <div class="ans ans3 two sp">未设置个人网络银行账户操作提示功能<br>（如登陆、消费、修改密码等）</div>

                            <div class="ans ans3 sp">
                                根据短信或弹窗链接下载APP</div>
                            <div class="ans ans3 sp">
                                在支付时会使用公共WIFI</div>
                            <div class="ans ans4 two sp">
                                所有支付密<br>码都相同
                            </div>
                            <div class="ans ans4 two sp">
                                不设手机屏<br>保密码
                            </div>

                            <div class="ans ans3 sp two">网站登录习惯设置<br>“记住密码，自动登录”</div>
                            <div class="ans ans3 sp">如果网站需要，会填写个人敏感信息</div>
                            <div class="ans ans3 two sp">收到过银行信用卡提额短信，<br>并提供了个人身份信息</div>
                            <div class="ans ans3 two sp">向他人提供过自己的<br>银行卡或收款码</div>
                            <div class="ans ans3 two sp">不清楚正在使用的移动支付APP<br>有哪些账户安全服务功能或内容</div>
                            <div class="ans ans4 sp two">玩过网络博彩
                            </div>
                            <div class="ans ans4 sp two">
                                以上方式<br>都没有</div>
                        </div>
                    </div>
                    <div class="bar bar4"></div>
                    <div class="scrollAR"></div><p style="
                        position: absolute;
                        bottom: -1.3rem;
                        left: 50%;
                        width: 4rem;
                        height: 0.5rem;
                        margin-left: -1.7rem;
                        color: white;
                        font-size: 0.3rem;
                        ">滑动选项区域，查看更多</p>
                    <div class="next center"></div>
                </div>
            </div>

            <div class="questionBox questionBox3 none">

                <div class="qabox qa1 none" data-val="topic3_1" data-type="more">
                    <div class="icon">
                        <p>3</p>
                        <p>1</p>
                    </div>
                    <p class="question">您曾经遇到过以下<br>哪些情况？<span>（可多选）</span></p>
                    <div id="qascroll3">
                        <div class="ansBox">
                            <img src="images/QABox/3/t1.png" class="tips">
                            <div class="ans ans1">收到钓鱼链接，填写了银行卡信息<span>(信息泄漏)</span></div>
                            <div class="ans ans5 two">卡在身上，收到银行短信消费提示<br><span>(伪卡线上盗刷)</span>
                            </div>
                            <div class="ans ans1">安装了不明来源的手机APP<span>(伪冒APP)</span></div>
                            <div class="ans ans5 two">手机被盗或丢失后银行卡内资金被盗<br><span>(手机设备盗用)</span>
                            </div>
                            <img src="images/QABox/3/t2.png" class="tips">
                            <div class="ans ans5 two">因扫不明二维码后导致资金遭被盗<br><span>(二维码欺诈)</span>></div>
                            <img src="images/QABox/3/t3.png" class="tips" style="margin-top:0.1rem;">
                            <div class="ans ans5 two">冒充网络客服退款、刷单/兼职陷阱、<br>信用卡提额提额等情况</div>
                            <div class="ans ans5 two">冒充亲朋好友通过QQ、微信等社交软件要求转账</div>
                            <div class="ans ans4 two" style="position: relative;left: -1.56rem;">
                                以上情况<br>都没遇到过
                            </div>
                            <!-- <div style="position: relative;left: -0.16rem;top: -0.05rem;" class="next inline">
                            </div> -->
                        </div>
                    </div>
                    <div class="bar bar3"></div>
                    <div class="scrollAR"></div><p style="
                    position: absolute;
                    bottom: -1.3rem;
                    left: 50%;
                    width: 4rem;
                    height: 0.5rem;
                    margin-left: -1.7rem;
                    color: white;
                    font-size: 0.3rem;
                    ">滑动选项区域，查看更多</p>
                    <div class="next center"></div>
                </div>

                <div class="qabox qa2 none" data-val="topic3_2" data-type="single">
                    <div class="icon">
                        <p>3</p>
                        <p>2</p>
                    </div>
                    <p class="question">2019年内，您遭遇网络诈骗并蒙受的损失金额是多少？<span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans2">没有损失</div>
                        <div class="ans ans2">100元以下</div>
                        <div class="ans ans2">100-500元</div>
                        <div class="ans ans2">500-2000元</div>
                        <div class="ans ans2">2000-5000元</div>
                        <div class="ans ans2">5000元以上</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa3 none" data-val="topic3_3" data-type="more">
                    <div class="icon">
                        <p>3</p>
                        <p>3</p>
                    </div>
                    <p class="question">您在遭遇诈骗中/后，有采取过以下哪些措施？ <span>（可多选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans4 two">拨打银行客服<br>挂失卡片</div>
                        <div class="ans ans4 two">拨打第三方支付机构客服进行账户挂失</div>
                        <div class="ans ans4 two">在ATM机上做一笔交易留作证据</div>
                        <div class="ans ans4 sp">拨打110报警</div>
                        <div class="ans ans4 two">在第三方支付软件上进行账户挂失和注销
                        </div>
                        <div class="ans ans4 two">去相关政府网站<br>进行举报</div>
                        <div class="ans ans4 two">去投保公司<br>进行损失索赔</div>
                        <div class="ans ans4 sp">未采取任何措施</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa4 none" data-val="topic3_4" data-type="more">
                    <div class="icon">
                        <p>3</p>
                        <p>4</p>
                    </div>
                    <p class="question">您遭遇网络诈骗后谁承担了主要损失？ <span>（可多选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans2">自己</div>
                        <div class="ans ans2">银行</div>
                        <div class="ans ans2 small">第三方支付机构</div>
                        <div class="ans ans2">商户</div>
                        <div class="ans ans2">保险公司</div>
                        <div class="ans ans6 two">公安机关协<br>助追回损失</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa5 none" data-val="topic3_5" data-type="single">
                    <div class="icon">
                        <p>3</p>
                        <p>5</p>
                    </div>
                    <p class="question">您是否主动购买过银行卡或账户盗用相关保险？ <span>（单选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans3">是</div>
                        <div class="ans ans3">否</div>
                        <div class="next center"></div>
                    </div>
                </div>

                <div class="qabox qa6 none" data-val="topic3_6" data-type="more">
                    <div class="icon">
                        <p>3</p>
                        <p>6</p>
                    </div>
                    <p class="question">您未购买银行卡/账户相关保险的主要原因是什么？ <span>（可多选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans4 two">银行已配置银行卡安全险，无需购买 </div>
                        <div class="ans ans4 two">账户被盗的概率低，不用购买</div>
                        <div class="ans ans4 two">保费较高<br>不想购买</div>
                        <div class="ans ans4 two">不知道银行卡安全险的购买渠道 </div>
                        <div class="ans ans4 two" style="position: relative; left: -1.84rem;">不清楚有银<br>行卡盗刷险</div>
                        <div class="next center"></div>
                    </div>
                </div>
            </div>

            <div class="questionBox questionBox4 none">
                <div class="qabox qa1" data-val="topic4_1" data-type="more">
                    <div class="icon">
                        <p>4</p>
                        <p>1</p>
                    </div>
                    <p class="question" style="font-size: 0.35rem;">请问支付产品或功能在哪些方面提升技术，能更让您增加移动支付的使用安全感？
                        <span>（可多选）</span></p>
                    <div class="ansBox">
                        <div class="ans ans1 two sp">增加指纹、人脸识别等安全验证功能</div>
                        <div class="ans ans1 two sp">增加账户登录<br>风险提示</div>
                        <div class="ans ans1 two sp">支付/交易环节<br>安全提示</div>
                        <div class="ans ans1 two sp">转账时增加对手账户信息核验功能</div>
                        <div class="ans ans1 two sp">增加个人及账户信息泄漏风险提示</div>
                        <div class="ans ans1 two sp">遭遇损失后赔付<br>保障服务</div>
                        <div class="ans ans2 two sp">银行卡账户安全管控服务（账户锁定、<br>跨境支付锁定、夜间交易锁定）</div>
                        <div class="next center"></div>
                    </div>
                </div>
            </div>

            <img src="images/QABox/t1.png" class="title none">
        </section>

        <section id="indexBox" class="none">
            <img src="images/common/logo.png" class="logo">
            <div class="ruleBtn">
                <img src="images/indexBox/rulebtn.png" class="full">
            </div>
            <div class="cont">
                <div class="cloudBox full">
                    <img src="images/road_sence/c1.png" class="cloud1">
                    <img src="images/road_sence/c2.png" class="cloud2">
                    <img src="images/road_sence/c3.png" class="cloud3">
                    <img src="images/road_sence/c4.png" class="cloud4">
                    <img src="images/road_sence/c3.png" class="cloud3">
                </div>
                <img src="images/indexBox/title.png" class="title hide">
                <div class="sence hide">
                    <img src="images/indexBox/sence.png" class="full">
                    <div class="airship"></div>
                </div>
                <div class="startBtn Emphasize hide">
                    <img src="images/indexBox/btn.png" class="full">
                </div>
            </div>
        </section>

        <section id="loadingBox">
            <div class="cont">
                <div class="award">
                    <img src="images/loadingBox/l.png" class="full lighting">
                    <img src="images/loadingBox/b.png" class="full">
                    <div class="num">0000</div>
                </div>
                <div class="peopleBox">
                    <div class="people"></div>
                    <img src="images/loadingBox/c.png" class="coin rolling">
                </div>
                <div class="barBox">
                    <img src="images/loadingBox/bar.jpg" class="bar moving">
                </div>
                <img src="images/loadingBox/w.png" class="word lighting2">
            </div>
        </section>

        <aside id="ruleBox" class="none">
            <div class="cont">
                <img src="images/indexBox/rule.png?v=2" class="full">
                <a class="close"></a>
            </div>
        </aside>

        <img src="images/common/mask.png" class="coverMask full">
    </article>
    <!--------------------------------------------------------------javascript区域-------------------------------------------------------------------------------------->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src="js/base/jquery.js"></script>
    <script src="js/base/framwork.js"></script>
    <script src="js/base/monitor.js"></script>
    <script src="js/base/wxUser.js?v=4"></script>
    <script src="js/form/citydata.js?v=1"></script>
    <script src="js/plugs/iphone.gif.js"></script>
    <script src="js/plugs/sence.js?v=6"></script>
    <script src="js/plugs/iscroll.js"></script>
    <script src="js/plugs/swiper.min.js"></script>
    <script src="js/plugs/API.js?v=2"></script>
    <script>ibase.load('js/index.js');</script>
</body>

</html>